<div class="post" id="newdrop" >
	<div class="postheader"><a name="newdrop"></a><h1 style="padding-top: 14px;">Start a new drop</h1></div>
	<div class="postcontent" style="height:110px">
		<form action="/" method="POST" style="padding-left: 20px;">
			<input type="hidden" name = "v" value="1" />
			<input type="hidden" name = "d" value="{{ proposed_dropid }}" />
			<p>Enter your Callsign</p>
			<input class="input textbox" type="text" name="p" maxlength="25" size="10" value = "" /><br/><br/>
			<input class="button" style="width:80px;" type="submit" id="dnew" name="submit" value="Drop" />
		</form>
	</div>
</div>

<div class="post" id="download">
	<!--
	<div class="postheader"><a name="download"></a><h1>Run your own</h1></div>
	<div class="postcontent" style="height:110px">
				<br/>
				<p>
					This site is public and your garage is not locked - meaning that
					everybody who knows or can guess your callsign can see or alter your
					stored 'Mech configs.
					<br/><br/>
					If you want to avoid that you can refrain from storing 'Mechs in your garage (saving them).
					<br/><br/>
					Or you decide to run your own version of this site under a different url.
					To do so, you need a free Google Account, install some free software and edit a textfile.
				</p>
				<br /><br />
		{% for v in instructions %}
		<h1 style="color: #ccc; font-family: viper_squadron, Verdana, Arial, Helvetica, sans-serif">{{ v.caption }}</h1>
		<br/>
				<p>{{ v.text }}{% if v.link %}<br/><br/><a href="{{ v.link }}" target="_blank">{% if v.target %}{{ v.target }}{% else %}Go to download page</a>{% endif %}<br/><br/>{% endif %}</p>
		
		<iframe width="{{ v.width }}" height="{{ v.height }}"
			style="border: solid #ccc 1px; margin-bottom: 32px; margin-left: 45px;"
			src="//www.youtube.com/embed/{{ v.vid }}"
			frameborder="0" allowfullscreen></iframe>
		{% endfor %}
	</div>
	-->
</div>


<div class="post" id="faq" >
	<div class="postheader"><a name="faq"></a><h1>Faq</h1></div>
	<div class="postcontent" style="color: #cccccc;">
		<h2 style="padding-top:20px; padding-left:20px">Why does this not work in IE?</h3>
		<p>
			Doesn't it? Don't know, don't care. It works with Firefox, Chrome and Opera. Go get a decent browser.
		</p>
		<h2 style="padding-top:20px; padding-left:20px">Why are there no other questions?</h3>
		<p>
			This is new stuff. Unless I pay $$ for a clairvoyant I have to let this empty until people ask
			me questions and bring some sense into the F in FAQ. <br/><br/>
			Please use the <a class="tool" href="#contact">Contact form</a> to send your questions and feedback.
		</p>
  
	</div></div>
<div class="post" id="mwotools" >
	<div class="postheader"><a name="mwotools"></a><h1>MW:O Tools</h1></div>
	<div class="postcontent" style="color: #cccccc;">
		<h2 style="padding-top:20px; padding-left:20px">What is MW:O Tools?</h3>
		<p>It's a website that tries to collect useful tools and links around the MW:Online game. Check it <a href="http://mwotools.appspot.com">out.</a> 
		</p>
	</div></div>

<div class="post" id="roadmap" >
	<div class="postheader"><a name="roadmap"></a><h1>Roadmap</h1></div>
	<div class="postcontent" style="color: #cccccc;">
		<h2 style="padding-top:20px; padding-left:20px">Upcoming features</h3>
		<br/>
		<ul style="margin-left: 33px;">
			<li>Ability to copy mechs from the roster.</li>
			<li>Ability for view other appointed players garage.</li>
			<li>Ability to copy mechs from other appointed players garage.</li>
			<li>Ability for the drop leader to assign a mech to another player.</li>
		</ul>
	</div>
</div>

{% include "contact.html"%}

<div class="post" id="tutorials" >
	<!-- 
	<div class="postheader"><a name="tutorials"></a><h1>Tutorials</h1></div>
	<div class="postcontent" id="tutorialscontent" style="margin-left: 0px; padding-left: 10px;">
		<br/>
		{% for v in tutorials %}
		<h1 style="color: #ccc; font-family: viper_squadron, Verdana, Arial, Helvetica, sans-serif">{{ v.caption }}</h1>
		<br/>
		<iframe
		    seamless="seamless"
		    style="border: solid #ccc 1px; margin-bottom: 32px;"
		    class="tscplayer_inline embeddedObject"
		    name="tsc_player" scrolling="no" frameborder="0"
		    type="text/html" style="overflow:hidden;"
		    src="http://www.screencast.com/users/tailgunner/folders/Camtasia Studio/media/{{ v.vid }}/embed"
		    height="{{ v.height }}" width="{{ v.width }}" webkitallowfullscreen mozallowfullscreen allowfullscreen>
		</iframe>
		{% endfor %}
	</div>
	-->
</div>


<div class="post" id="overview" >
	<div class="postheader"><a name="overview"></a><h1>Overview</h1></div>
	<div class="postcontent"  >
		<h2 style="padding-top:20px; padding-left:20px">Howdy</h2>
		<p>
		    This is an online demo for the <span class="font-style:italic;">Mechwarrior Online</span> drop planner my <a href="http://todesschatten.com">unit</a> uses. 
		    It's a useful web-based all-you-need-is-a-browser tool to organize drops for cooperated play, be it in 4- or 12-pilot groups<sup>1</sup>.
		</p>
		<p>
			Please keep in mind this demo is running on a free <a href="http://gogle.de">Google </a> Cloud Appengine instance and therefore has certain quotas, which wen exceeded will render
			the whole thing unusable until the quotas are reset<sup>2</sup>. So if you like this and want to utilize it for your unit, please consider to 
			run <a class="tool" href="#download">your own instance</a> under a different url. It's free - all you need is a <a href="https://accounts.google.com/ServiceLogin">Google account</a>  - and the installation is easy.
		</p>
		<br/>
		<h2 style="padding-left:20px">Modus Operandi</h2>
		<p>
			It basically works like this. Someone, usually the drop-leader (let's assume that's you), will <a class="tool" href="#newdrop">start a new drop</a> by entering 
			a callsign and land on the roster page. 
		</p>
	    
		<p>
			From there you can access the link with the drop-ID and share it with your friends via whatever channel you use. Teamspeak, most likely. When they open the link they will end in the same roster as you.
			<br/>
			</br>
			screenshot
			</br>
		</p>
		<p>
			All pilots will enter their mech and or mech loadout. 
		
			The roster - auto-updating itself every 20 seconds - shows an overview of <span style="font-style:italic">who drives what</span> with which loadout and on what speed, etc.
			<br/><br/> This gives the drop-leader and everybody else condensed info about the troops setup.
		   
			
			<br/><br/>
			
			You can organize your lance members in up to five lances (Alpha to Delta and Reserve). From my experience this is especially useful
			when you are in charge of organizing the lances in the MW:O Ready Screen. The roster is a self-updating notepad.
		</p>                    
		<br/><br/>
		<p>
			<sup>1</sup>Please note the gender neutral use of "pilot" instead of "man".<br/>
			<sup>2</sup>Once every 24 hours at  midnight Pacific time.
		</p>
	</div>
</div>



<div class="post" id="enterid" >
	<div class="postheader"><a name="enterid"></a><h1 style="padding-top: 14px;">Join a drop</h1></div>
	<div class="postcontent" style="height:110px">
		   <form action="/" method="POST" style="padding-left: 20px;">
			<input type="hidden" name = "d" value="{{ mech.dropid }}" />
			<input type="hidden" name = "v" value="1" />
			<p>Enter your Callsign:</p>
			<input class="input textbox" type="text" name="p" maxlength="25" size="10" value = "" />
			<input type="hidden" name="d" maxlength="25" size="10" value = "{{ mech.dropid }}" /><br/><br/>
			<input class="button" style="width: 80px;" type="submit" id="djoin" name="submit" value="Join" />
		</form>
	</div>
</div>

